<div>
	<div class="p-dashboard-list">
		<bread-crumb link-data="vm.breadCrumbArr"></bread-crumb>
		<div class="row">
			<div class="col-sm-12">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">图表统计</h3>
					</div>
					<div class="panel-body">
							<highchart style="width:48%;float:left;" class="chart-container-big" title='vm.charts.title' series="vm.charts.series" options="vm.charts.options" ></highchart>

							<highchart  style="width:48%;float:left;" class="chart-container-big" title='vm.pipe.title' series="vm.pipe.series" options="vm.pipe.options"></highchart>
					</div>
				</div>
			</div>
		</div>
		<div class="row" ng-repeat="pipe in vm.pipelineList track by $index">
			<div class="col-sm-12">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">
							{{pipe.p_name}} (
							<a style="padding:0 10px;font-size:12px;">
								构建总数：{{pipe.build_count}} &nbsp;&nbsp;成功次数：{{pipe.success_count}} &nbsp;&nbsp;失败次数：{{pipe.failure_count}} &nbsp;&nbsp;成功率：{{!pipe.success_rate ? 0: pipe.success_rate}}%
							</a>
							)
							<a ng-if="!pipe.show" style="float:right;background:url('./images/expand.svg');width:20px;height:16px;" ng-click="pipe.show=!pipe.show" ></a>
							<a ng-if="pipe.show" style="float:right;background:url('./images/collapse.svg');width:16px;height:16px;" ng-click="pipe.show=!pipe.show"></a>
						</h3>
					</div>
					<div class="panel-body">
						<div style="overflow-x:auto;" ng-show="pipe.show">
							<div style="width:{{270+pipe.nodes.length*240}}px;max-width:{{270+pipe.nodes.length*240}}px;">
								<div ng-repeat="node in pipe.nodes track by $index">
									<div ng-if="node.business_type=='0'" ng-class="{'notBegin':node.status=='','circle':node.status=='0',  'success':node.status=='3', 'failure':node.status=='4'}"></div>
									<div ng-if="node.business_type=='1'" class="nodeDiv"  class="col-sm-2">
										<div class="nodetitle" ng-class="{'node_green': node.status=='3', 'node_red': node.status=='4' || node.status=='5' ,'node_gray': node.status=='0'}" >
											{{node.plugin_name}}
											<img width="16" height="16" style="float:right;margin:5px 10px" src="{{node.icon_src+'.svg'}}"/>
										</div>
										<div class="nodebody">
											<div class="nodetext">{{node.status?node.start_time:''}}</div>
											<div ng-if="node.status==1" class="nodetext" timer addtime="vm.addtime" nowtime="node.datetime_now" finishtime="node.finish_time" starttime="node.start_time" status="node.status"></div>
											<div ng-if="node.status!=1" class="nodetext" style="width:95px;float:left;" timer addtime="vm.addtime" nowtime="node.datetime_now" finishtime="node.finish_time" starttime="node.start_time" status="node.status"></div>
											<div ng-if="(node.status=='3' || node.status=='4') && node.plugin_name=='代码扫描'" class="nodetext" style="width:25px;float:left;margin-right:10px;"><a href="{{node.page_address}}" target="_blank">详情</a></div>
										</div>
									</div>
									<div ng-if="!$last" class="arrow arrow-right"  class="col-sm-1"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
<!--
		<div class="row">
<div class="col-sm-7">
	<div class="panel panel-default">
		<div class="panel-heading">
			<h3 class="panel-title">项目成员</h3>
		</div>
		<div class="panel-body">
			<div class="ProjectMembers">
				<div class="Head"></div>
				<div style="text-align:center;">admin</div>
			</div>
			<div class="ProjectMembers">
				<div class="add"></div>
				<div style="text-align:center;"></div>
			</div>
		</div>
	</div>
</div>
<div class="col-sm-5">
	<div class="panel panel-default">
		<div class="panel-heading">
			<h3 class="panel-title">活动成功率</h3>
		</div>
		<div class="panel-body">
			<div class="row">
				<div class="col-sm-5 col-lg-3">代码检出</div>
				<div class="col-sm-7 col-lg-9">
					<uib-progressbar animate="false" value="63" type="success"> <b>63%</b>
					</uib-progressbar>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-5 col-lg-3">集成测试</div>
				<div class="col-sm-7 col-lg-9">
					<uib-progressbar animate="false" value="27" type="success"> <b>27%</b>
					</uib-progressbar>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-5 col-lg-3">今日提交</div>
				<div class="col-sm-7 col-lg-9">0</div>
			</div>
		</div>
	</div>
</div>
</div>
-->
</div>